//点击上传按钮选择文件
$('#post_img').on('click', function() {
    $('#file').trigger('click')

})

$('#file').on('change', function() {
    let file = this.files
    console.dir(file);
    if (file.length > 0) {
        let fileObj = file[0]
        let url = URL.createObjectURL(fileObj)
        image.cropper('destroy').attr('src', url).cropper(option) //完全不明白....

    }

})

// 1.找到图片
let image = $('#images')
    // 2.配置项
option = {
    aspectRatio: 1,
    preview: '.preview-size' //指定预览区域 后面是填写的类名
}

// 3.生成初始的裁剪效果
image.cropper(option)

// ------------------点击确定 确认裁剪位置---------------------
$('#sure').on('click', function(e) {
    e.preventDefault()
        //裁剪图片
    let canvas = image.cropper('getCroppedCanvas', { width: 30, height: 30 })
        // 把canvas转换成base64
    let base64 = canvas.toDataURL('image/jpeg', 0.3)
    $.ajax({
        type: 'POST',
        url: '/my/user/avatar',
        data: { avatar: base64 },
        success: function(res) {
            layer.msg(res.message)
                // if (res.status === 0) {
            window.parent.getInfo();

            // }
        }

    })
})